<%@ page contentType="text/html;charset=utf-8"  language="java" %>
<jsp:include page="../header.jsp" />

<jsp:include page="../navbar.jsp" />
  
 <div class="container-fluid container-margin-top">

<div class="row">
  <div class="col-lg-2 col-sm-3">
          <jsp:include page="sidebar.jsp" />
  </div>
        <div class="col-lg-10 col-sm-9">
          <div class="dialog dialog-warning">
            <h4>日志查询</h4>
            <div class="row">
              <form role="form">
                <div class="form-group col-sm-6 col-md-4">
                  <label class="control-label">开始日期</label> 
                  <div class="input-group">
                    <span class="input-group-btn">
                      <button class="btn" type="button"><span class="fui-calendar"></span></button>
                    </span>
                    <input type="text" class="form-control" id="datepicker-01" />
                  </div>      
                </div>
                <div class="form-group col-sm-6 col-md-4">
                  <label class="control-label">结束日期</label> 
                  <div class="input-group">
                    <span class="input-group-btn">
                      <button class="btn" type="button"><span class="fui-calendar"></span></button>
                    </span>
                    <input type="text" class="form-control" id="datepicker-02" />
                  </div>
                </div>
                <div class="form-group col-sm-6 col-md-4">
                  <label class="control-label">类型筛选</label>
                  <div class="control-content">
                    <select class="form-control ">
                      <option value="0">全部</option>
                      <option value="1">登录/注销</option>
                      <option value="2">签到/签退/补签</option>
                      <option value="3">系统管理</option>
                    </select>
                  </div>
                </div>
                <div class="form-group col-sm-6 col-md-4">
                  <div class="control-label">
                    <label>每页显示</label>
                  </div>
                  <div class="control-content">
                    <input type="text" class="form-control" id="condition-perpage" name="perpage" value="8">
                  </div>
                </div>
                <div class="form-group col-sm-6 col-md-4">
                  <label class="control-label">　　　　</label>
                  <div class="control-content">
                  <button class="btn btn-warning btn-block" type="button">查找</button>
                  </div> 
                </div>   
              </form>
            </div>
          </div>
          <div class="dialog dialog-info">
            <div class="table-responsive">
              <table class="table table-hover table-deep text-left" style="margin-top: 20px;">
                <thead>
                  <th>日期</th>
                  <th>签退</th>
                  <th></th>
                </thead>
                <tbody>
                  <tr class="danger">
                    <td>2014-10-25</td>
                    <td>15:30:11</td>
                    <td><span class="fui-cross-circle text-danger"></span></td>
                    <td class="text-right">
                      <button type="button" class="btn btn-xs btn-primary">说明</button>
                    </td> 
                  </tr>
                  <tr>
                    <td>2014-10-24</td>
                    <td>18:30:22</td>
                    <td><span class="fui-check-circle text-primary"></span></td>
                    <td class="text-right">
                      <button type="button" class="btn btn-xs btn-primary">说明</button>
                    </td> 
                  </tr>
                  <tr class="danger">
                    <td>2014-10-23</td>
                    <td>17:59:11</td>
                    <td><span class="fui-cross-circle text-danger"></span></td>
                    <td class="text-right">
                      <button type="button" class="btn btn-xs btn-primary">说明</button>
                    </td>
                  </tr>
                  <tr>
                    <td>2014-10-22</td>
                    <td>22:30:22</td>
                    <td><span class="fui-check-circle text-primary"></span></td>
                    <td class="text-right">
                      <button type="button" class="btn btn-xs btn-primary">说明</button>
                    </td> 
                  </tr>
                </tbody>
              </table>

            </div>
          </div>
        </div>
</div>
</div>
<script>
  document.title = "系统信息-日志查询";
</script>

<jsp:include page="../footer.jsp" />
